<?php
/**
 * Created by PhpStorm.
 * User: Wodro
 * Date: 2020/12/9
 * Time: 17:32
 */
/**
 * @var \yii\web\View $this
 */
use kartik\helpers\Html;
use wodrow\yii2wtools\tools\JsBlock;
$this->title = "test1";
$webUploaderAsset = \common\assets\WebUploader::register($this);
?>

    <div class="site-test1">
        test
        <div id="uploader" class="wu-example">
            <!--用来存放文件信息-->
            <div id="thelist" class="uploader-list"></div>
            <div class="btns">
                <div id="picker">选择文件</div>
                <button id="ctlBtn" class="btn btn-default">开始上传</button>
            </div>
        </div>
    </div>

<?php JsBlock::begin(); ?>
    <script>
        var site_test1 = new Vue({
            el: ".site-test1",
            mounted: function () {
                var uploader = WebUploader.create({

                    // swf文件路径
                    swf: "<?=$webUploaderAsset->baseUrl?>/js/Uploader.swf",

                    // 文件接收服务端。
                    server: 'http://webuploader.duapp.com/server/fileupload.php',

                    // 选择文件的按钮。可选。
                    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
                    pick: '#picker',

                    // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
                    resize: false
                });
            }
        });
    </script>
<?php JsBlock::end(); ?>